#banner{
    width: 700px;
   /* 头部图片的宽度 */
    height: 120px;
   /* 头部图片的高度 */
    background-image: url(../imgs/banner.jpg)
    /* 插入图片 */
}
#links li{
    text-align: center;
    /* 让id为links的div内部的li居中 */
    float: left;
    /* 让id为links的div内部的li进行排版 */
    width: 100px;
    /* 让id为links的div内部的一个li的宽度 */
}
#links a{
    text-decoration: none;
    /* 让id为links的div内部的 */
    line-height: 33px;
    /* 设置id为links里面的a标签的高为33像素 */
    color: #000;
    /* 设置id为links里面的a标签的字体颜色为黑色 */
    background-image: url(../imgs/button1.jpg);
    /* 插入id为links里面a标签底下的背景图片 */
    display: block;
    /* 让id为links里面的a标签形成一个块元素，让我们对a标签设置宽和高有效果 */
}
#links a:hover{
    background-image: url(../imgs/button1_bg.jpg);
    /* 插入id为links里面a标签，鼠标放上去的时候的背景图片*/
}